<ion-header>
  <ion-navbar>
    <ion-buttons end>
      <button ion-button icon-only (click)="articleOperator($event)">
        <ion-icon name="more"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content scroll="true" overflow-scroll="true">
  <ion-item>
    <ion-avatar item-left>
      <img
        src="{{article.creator.smallHeadPic? article.creator.smallHeadPic:'http://legal-inn.oss-cn-shanghai.aliyuncs.com/u%3D1442458788%2C3017119920%26fm%3D23%26gp%3D0.jpg'}}">
    </ion-avatar>
    <h2>{{article.creator.nickName}}</h2>
    <p>{{article.createTime}}</p>
  </ion-item>
  <ion-item no-lines>
    <h3 class="title">{{article.title}}</h3>
    <div class="content" [innerHtml]="article.content"></div>
  </ion-item>
  <div class="replay">
    <div style="background-color: #eeeeee;line-height: 30px; padding-left: 16px;">回复
    </div>
    <div class="replay-list">
      <div class="replay-single" *ngFor="let replay of article.replays">
        <div class="replay-author">
          <img
            src="{{replay.article.creator.smallHeadPic? replay.article.creator.smallHeadPic:'http://legal-inn.oss-cn-shanghai.aliyuncs.com/u%3D1442458788%2C3017119920%26fm%3D23%26gp%3D0.jpg'}}">
          <div>
            <p>{{replay.article.creator.nickName}}</p>
            <p>{{replay.article.createTime }}</p>
          </div>
        </div>
        <p class="replay-content"> {{replay.content}}</p>
      </div>
    </div>
  </div>
</ion-content>
<ion-footer>
  <ion-toolbar>
    <ion-input placeholder="回复" style="width:85%;float:left" [(ngModel)]="replyContent"></ion-input>
    <ion-icon ios="ios-paper-plane" md="md-paper-plane" style="float: right;margin-right: 20px;line-height: 35px" (click)="replyClick()"></ion-icon>
  </ion-toolbar>
</ion-footer>
